<template>

  <div class="sidebar" id="sidebar">
    <div class="sidebar-inner slimscroll">
      <div id="sidebar-menu" class="sidebar-menu">
        <ul>
          <li class="menu-title" style="margin-right: 160px">作业</li>
          <li>
            
            <router-link to="/StudentLayout/StudentExperiment/作业/0"><i class="fa fa-book"></i><span>未截止作业</span></router-link>
          </li>

          <li>
            <router-link to="/StudentLayout/StudentExperiment/作业/1"><i class="fa fa-book"></i><span>已提交作业</span></router-link>
          </li>

          <li class="menu-title" style="margin-right: 160px">实验</li>
          <li>
            <router-link to="/StudentLayout/StudentExperiment/实验/2"><i class="fa fa-book"></i><span>查看实验</span></router-link>
          </li>
          <li class="menu-title" style="margin-right: 160px">考试</li>
          <li>
          <router-link to="/StudentLayout/StudentExperiment/考试/2"><i class="fa fa-book"></i><span>查看考试</span></router-link>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>


<script>
  // import '../assets/js/app'
  
  // import '../assets/js/jquery.slimscroll'

  export default {
    name: "SideBar",
   
    methods:{ 
    // clickHomework(option,event)
    // { //option 0未提交 1已提交 2全部
    //   //option 0未提交 1已提交 2全部
    //   var el = event.currentTarget;
    //   var name=el.classname;
    //   console.log(name);
    //   switch(name)
    //   {
        
    //     case '实验':this.$router.push(`/StudentLayout/StudentExperiment/${name}/${option}`);break;
    //     case '考试':this.$router.push(`/StudentLayout/StudentExperiment/${name}/${option}`);break;
    //     case '作业':
    //       if(option==0)
    //         this.$router.push(`/StudentLayout/StudentHomework/${name}/${option}`);
    //       else
    //       this.$router.push(`/StudentLayout/SubmittedHomework/${name}/${option}`);
    //       break;
    //       default:console.log(" clickHomework出现了错误");
    //   }

    // }
    }
    
}
</script>

<style scoped src="@/assets/css/bootstrap.min.css"></style>
<style scoped src="@/assets/css/font-awesome.min.css"></style>
<style scoped src="@/assets/css/style.css"></style>
<style scoped>
router-link-active{
  color:rgb(0,158,251);
}
</style>